<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!-- Pixel Admin's stylesheets -->
	<link href="../stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="../stylesheets/pixel-admin.min.css" rel="stylesheet" type="text/css">
	<link href="../stylesheets/widgets.min.css" rel="stylesheet" type="text/css">
	<link href="../stylesheets/pages.min.css" rel="stylesheet" type="text/css">
	<link href="../stylesheets/rtl.min.css" rel="stylesheet" type="text/css">
	<link href="../stylesheets/themes.min.css" rel="stylesheet" type="text/css">

	<body>
		<script>
			var init = [];
		</script>
		<div class="row">
			<div class="col-sm-12">
				<script>
					init.push(function() {
						$("#ui-accordion").accordion({
							heightStyle: "content",
							header: "> div > h3"
						}).sortable({
							axis: "y",
							handle: "h3",
							stop: function(event, ui) {
								// IE doesn't register the blur when sorting
								// so trigger focusout handlers to remove .ui-state-focus
								ui.item.children("h3").triggerHandler("focusout");
							}
						});
					});
				</script>
				<!-- / Javascript -->

				<div class="panel panel-info panel-dark">
					<div class="panel-heading">
						<span class="panel-title">知识豆！</span>
					</div>
					<div class="panel-body">
						<p>localStorage 方法</p>
						<pre>存储：
localStorage.lastname="Smith";
显示：
document.write(localStorage.lastname);
删除一条数据
localStorage.removeItem("lastname");
批量删除数据
localStorage.clear();</pre>

<p>页面固定比例</p>
						<pre>window.onload=function(){
	document.documentElement.style.fontSize = 1*(document.documentElement.clientWidth) / 100+ 'px';//屏幕100等分
}

body{
	font-size:1em;
}
</pre>

<p>json转换</p>
						<pre>对象转字符串：JSON.stringify(datatest);
字符串转对象：JSON.parse(data);</pre>

					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="../javascripts/jquery-1.8.3.min.js"></script>
		<script src="../javascripts/bootstrap.min.js"></script>
		<script src="../javascripts/pixel-admin.min.js"></script>
		<script type="text/javascript">
			init.push(function() {
				// Javascript code here
			})
			window.PixelAdmin.start(init);
		</script>

	</body>

</html>